<template>
	<div class="home_dev">
		<div class="home">
			<img v-if="!getThemeConfig.isIsDark" src="../../assets/home.png" alt="" />
			<img v-else src="../../assets/home_b.png" alt="" />
		</div>
	</div>
</template>

<script setup lang="ts">
import { useThemeConfig } from '/@/stores/themeConfig';

defineOptions({
	name:'WelHomePage'
})

const storesThemeConfig = useThemeConfig();
const { themeConfig } = storeToRefs(storesThemeConfig);

// 获取布局配置信息
const getThemeConfig = computed(() => {
	return themeConfig.value;
});
</script>
<style lang="less" scoped>
.home_dev {
	width: 100%;
	height: calc(100% - 168px);
}

.home {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	img {
		width: 60%;
	}
}

.text {
	margin-top: 80px;
	font-size: 40px;
	letter-spacing: 2px;
	color: var(--theme-color-text-primary);
}
</style>
